home *** CD-ROM | disk | FTP | other *** search
/ USGS: US Seabed Offshore Surficial Sediment Data / USGS US Seabed Offshore Surficial Sediment Data Release v1.0.iso / htmldocs / custom.css < prev    next >
Cascading Style Sheet File  |  2006-06-05  |  4KB  |  69 lines
  1. /* ================INSTRUCTIONS=================*/ 
  2. /* By changing the classes below, you can add your own custom banner image and/or custom site title bar. In order for your changes to work though, you MUST include a reference in your HTML pages to both the universal CSS file and custom CSS file in that order.
  3.  
  4. Instructions are provided below for customizing these classes.
  5.  
  6. /* ================BANNER=======================*/  
  7. /* TO DISPLAY A CUSTOM BANNER IMAGE: 
  8. If you want to display a custom banner, change the "background: url" to point to a local banner, or external, image location.
  9.  
  10. TO DISPLAY A CUSTOM BANNER COLOR (NO IMAGE): 
  11. If you would rather display a color instead of a banner image, change the "background: url" to point to "" and set the "background-color" to whatever color you wish to display.
  12. NOTE: You can use either hexadecimal color codes (i.e. - #000000) or HTML color names (i.e. - "black"). */ 
  13. .banner { background-image: url(../images/usseabed_banner.jpg); background-repeat: no-repeat; background-position: 75% 0; right: 1em; } 
  14. DIV.bannerColorBand, DIV.banner { 
  15.         background-color: black; 
  16. } 
  17. /* ================SITE TITLE===================*/ 
  18. /* TO DISPLAY A CUSTOM SITE TITLE BAR: 
  19. The .siteTitle class is specific to the colored site title bar that lies beneath the USGS identifier. To change the color of this bar, set the "background-color" attribute below to the color you wish to display and change the "color" attribute to set the text color.
  20. NOTE: You can use either hexadecimal color codes (i.e. - #000000) or HTML color names (i.e. - "black"). */ 
  21.  
  22. Div.siteTitle, #pTitle { 
  23.      background-color: #7d7d73; 
  24.      color: #ffffff; 
  25. } 
  26. /* =============STANDARD CONTENT===============*/ 
  27. /* TO CHANGE THE TEXT SIZE OF THE CONTENT:
  28. By default, USGS has set the font size to "small" in order to provide a consistent size for content across all pages. If you would prefer not to have a pre-defined font size for your pages, change the "font-size" attributes below to "font-size: 100%;". */
  29.  
  30. .menu   { 
  31.     color: #ffffff;
  32.     font-size: 12px;
  33.     font-family: Arial, Helvetica, sans-serif;
  34.     font-style: normal;
  35.     font-weight: bold;
  36.     font-stretch: normal; 
  37.     margin-top: 0px;
  38.     margin-bottom: 2px;
  39. }
  40. .menuBand { background-color: black; width: 100%; }
  41. .date { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: oblique; color: #ffffff; background-color: black; text-align: center; padding-bottom: 0.2em; border-bottom: 0.1em solid white; }
  42. .sideTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal; padding: 5px; font-style: oblique; background-color: #7d7d73; color: yellow; text-align: center; }
  43. .csa { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; margin-left: 4px; text-decoration: none; }
  44. A.csa:visited { margin-left: 4px; text-decoration: none; }
  45. A.csa:hover { margin-left: 3px; text-decoration: none; }
  46. A.csa:active { margin-left: 4px; text-decoration: none; }
  47. .rightnavtxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; padding-left: 0.5em; }
  48. A.rightnavtxt:active {
  49.     font-family: Verdana, Arial, Helvetica, sans-serif;
  50.     font-size: 11px;
  51.     color: #FFFFFF;
  52.     text-decoration: none;
  53.     font-weight: bold;
  54. }
  55. A.rightnavtxt:hover {
  56.     font-family: Verdana, Arial, Helvetica, sans-serif;
  57.     font-size: 11px;
  58.     color: #FFFFFF;
  59.     text-decoration: underline;
  60.     font-weight: bold;
  61. }
  62. A.rightnavtxt:link {
  63.     color: #FFFFFF;
  64. }
  65. A.rightnavtxt:visited {
  66.     color: #FFFFFF;
  67. }
  68.  
  69.